<template>
	<view class="search_cont">
		<view class="search_box cont_center">
			<input class="search_box_inp" type="text" :placeholder="placeholderText" @input="inputSearchContent" placeholder-style="color:#999999">
			<view class="search_box_img">
				<image class="search_box_img_item" src="/static/image/search.png" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			inputSearchContent(e) {
				this.$emit('searchBoxEvent', e)
			}
		},
		props: {
			placeholderText : {
				type: String,
				default: "请输入"
			}
		}
	}
</script>

<style lang="stylus" scoped>
	.search_cont
		display flex
		align-items center
		justify-content center
		height 100upx
		background-color #ffffff
		position: fixed;
		width: 100%;
		margin  0
		.search_box
			display flex
			width 690upx
			justify-content space-between
			align-items center
			height 60upx		
			border-radius 4px
			background-color #eeeeee
			.search_box_inp
				padding-left 20upx
				width 600upx
			.search_box_img
				height 60upx
				.search_box_img_item
					width 60upx
</style>
